﻿
<style>
.cl,.clear{ clear: both; height:0px; }/*清除左右浮动*/
.fl{ float:left; } /*定义左浮动*/
.fr{ float:right; } /*定义右浮动*/
.cp img{ border:1px solid #C1C1C1; padding:2px; background:#fff; }/*定义标签调用图片的边框样式*/
.cp a:hover img{ border:1px solid #017c40; padding:2px; background:#fff; }/*定义鼠标经过时边框的变化效果*/
.page{ width:1280px; margin:0 auto; height:auto; }
.content{ width:1280px; margin:0 auto; height:auto; }
.box{ width:1280px; margin:0 auto; height:auto; overflow:hidden; }/*定义版面统一宽度*/
.pr{ position: relative; }
.en { text-transform: uppercase; font-family: arial; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { /*兼容 IE*/zoom: 1; }
.adv_bg {
    background: url(/client/images/202010179290230.jpg) no-repeat center;
    height: 800px;
}
.page{ width:1280px; margin:0 auto; height:auto; }
.adv li span {
    display: block;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 50px;
}
.adv li p {
    font-size: 15px;
    line-height: 20px;
    color: #888;
	margin-bottom: 40px;
}
.adv li {
    position: relative;
    width: 312px;
    text-align: center;
	float: left;
color: #fff;
margin-right: 8px;
}
.adv li img{
	background-size: cover;
    width: 184px;
    height: 190px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-animation: play 5s linear infinite;
    -moz-animation: play 5s linear infinite;
    animation: play 5s linear infinite;}
.adv li:nth-child(2) img,.adv li:nth-child(4) img	{animation: play 4s linear infinite;}
.adv li:nth-child(2) em img,.adv li:nth-child(4) em img{ animation: none;}
	.adv li em img {
    animation: none;
    width: auto;
    height: auto;
    position: absolute;
    top: 50px;
    left: 111px;
}
@-webkit-keyframes play{
    0%  {
		  -webkit-transform:rotate(360deg);
    }
    100% {
		-webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0%  {  
		 -moz-transform:rotate(0deg);
    }
    100% { 
		 -moz-transform:rotate(-360deg);
    }
}
@keyframes play{
    0%  {
		 transform:rotate(0deg);
    }
    100% {
		transform:rotate(-360deg);
    }
}

.adv_t {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: url(/client/images/2020101710230251.png) bottom no-repeat;
    line-height: 103px;
    padding-top: 39px;
    margin-bottom: 60px;
}
.video_bg{ background:url(/client/images/202010179290308.jpg) center no-repeat; width:100%; height:382px;}
.video_bg img {
    display: block;
    margin: 0px auto;
    padding-top: 21px;
}
</style>